import { createApp } from 'vue';
import './assets/font/iconfont.css';
import './style.css';
import App from './App.vue';
import router from './router/index';
import axios from 'axios';
import 'vant/lib/index.css';
import store from './store';
import Footer from "@/page/footer/index.vue";

import {
    Lazyload,
    NoticeBar,
    SwipeCell,
    Sticky,
    Search,
    NavBar,
    Area,
    Swipe,
    SwipeItem,
    Popup,
    ActionSheet,
    Field,
    Cell,
    CellGroup,
    Uploader,
    Slider,
    Toast,
    Icon,
    ShareSheet,
    Image as VanImage,
    Tab,
    Tabs,
    DatePicker,
    Popover,
    Circle
} from 'vant';

const app = createApp(App);
app.config.globalProperties.$api = '//localhost:3000';
app.config.globalProperties.$http = axios;
app.component('footer-btn', Footer);

app.use(router);
app.use(store);

app.use(Circle);
app.use(Lazyload, {
    lazyComponent: true,
});
app.use(Popover);
app.use(NoticeBar);
app.use(SwipeCell);
app.use(Sticky);
app.use(Search);
app.use(Swipe);
app.use(SwipeItem);
app.use(Popup);
app.use(ActionSheet);
app.use(Field);
app.use(Cell);
app.use(CellGroup);
app.use(Uploader);
app.use(Slider);
app.use(Toast);
app.use(Icon);
app.use(ShareSheet);
app.use(VanImage);
app.use(Tab);
app.use(Tabs);
app.use(DatePicker);
app.use(Area);
app.use(NavBar);
app.mount('#app');
